<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
    <img src="images/logo.svg">
    <h1>POF: Protocol Oblivious Forwarding</h1>
    <nav>
        <a href="#" class="active"><img src="images/navDashboard.svg">Dashboard</a>
        <a href="#"><img src="images/navForwarding.svg">Forwarding</a>
        <a href="#">Config</a>
        <a href="#">Info</a>
    </nav>
</header>
<section>
    <aside>
        <h3>Services</h3>
        <div>
            <dl>
                <img src="images/Services/IPv4.svg">
                <dt>IPv4</dt>
            </dl>
            <dl>
                <img src="images/Services/IPv6.svg">
                <dt>IPv6</dt>
            </dl>
            <dl>
                <img src="images/Services/BRAS.svg">
                <dt>BRAS</dt>
            </dl>
            <dl>
                <img src="images/Services/MPLS.svg">
                <dt>MPLS</dt>
            </dl>
            <dl>
                <img src="images/Services/VxLAN.svg">
                <dt>VxLAN</dt>
            </dl>
        </div>
    </aside>
    <article>
        <h3>Devices</h3>
        <div><img src="images/devices/coreRouter.svg"></div>
    </article>
    <figure>
        <h3>Device Info</h3>
    </figure>
</section>
</body>
</html>